<include file="head" />
<script type="text/javascript" >
$(document).ready(function($) {
	$("title").html($("li.active").html());
});
</script> 
<!--正文开始-->
<div class="item-w item-w2 clearfix">
  <div class="nav-box">
    <div class="bread-nav">
      <ol class="breadcrumb">
        <p>您当前位置为：</p>
        <li><a href="{:U('index')}">电影</a></li>
        <li><a href="{:U('filmlist')}">电影列表</a></li>
        <li class="active">{$filmarticle.title}</li>
      </ol>
    </div>
  </div>
  <div class="tab-list clearfix">
    <div class="fl">
      <div class="video-box">
        <iframe class="video_iframe" frameborder="0" allowfullscreen="" scrolling="no" style="max-width: 100%; display: block; z-index: 1; overflow: hidden; box-sizing: border-box !important; word-wrap: break-word !important; width: 980px !important; height: 490px !important;" src="{$filmarticle.video_url}"></iframe>
      </div>
    </div>
    <div class="fright-box">
      <h3>电影名</h3>
      <div class="tab-con">
        <volist name='filmlist' id='v'>
        <a href="{:U('detail',array('id'=>$v['id']))}">
        <div class="tab-item clearfix"> <img src="{$v.video_img}">
          <div class="text">
            <h5>{$v.title}</h5>
            <div class="timed">{$v.add_time}</div>
          </div>
        </div>
        </a>
        </volist>

      </div>
    </div>
  </div>
  <div class="film-content" style="margin-bottom:20px;">
    <h3>影片介绍</h3>
    <div class='filmjs'>{$filmarticle.content}</div>
  </div>
</div>
<script type="text/javascript" >
  	$(document).ready(function($) {
  		$(".video-box").eq(0).show()
  		$(".tab-con .tab-item").click(function(event) {
  			$(this).addClass('current').siblings().removeClass('current');
  			$(".video-box").eq($(this).index()).show().siblings(".video-box").hide()
  		});
  	});
</script> 
<!--公用底部-->
<include file="footer" />